extend ../layout
block append css
    link(rel="stylesheet" href="/duimen/css/my.css")
    style body{background-color:#f7f7f7;padding-top:.88rem;}
block content
    header.header
        a.backBtn(href="javascript:window.history.go(-1);")
        span 举报
    ul.report-nav
        li#teb1 
            a(href="#!list/report") 被举报列表
        li#teb2
            a(href="#!list/deal") 已处理列表
    div.report-content
        div#reportList.report-list
            //- p.loading
            //-     i
            //-     |正在加载...
        div#dealList.report-list.hide
        div#reportHistory.report-list.hide
        div#dealHistory.report-list.hide
    <p class="p-msg"></p>
    div.gag-tips
        div.gag-list
            a.gag-btn(href="javascript:;" data-day="1") 禁言1天
            a.gag-btn(href="javascript:;" data-day="3") 禁言3天
            a.gag-btn(href="javascript:;" data-day="6") 禁言6天
            a.gag-btn(href="javascript:;" data-day="10") 禁言10天
            a.gag-btn(href="javascript:;" data-day="-1") 永久禁言
            a.btn-cancel(href="javascript:;") 取消
block append js
    <script src="http://res.suning.cn/??public/v5/mod/alertBox/2.0.0/alertBox.js,/project/passport/js/passport.min.js"></script>
    script(src="/duimen/js/lazyelem.min.js")
    script(src="/duimen/js/common.js")
    script(src="/duimen/js/q.js")
    script(src="/duimen/js/reportList.js")
    //- 举报列表
    script#reportListModel(type="text/html")
        |{{each result as value i}}
        dl.act-area
            dt
                a(href="javascript:;")
                    img(lazy-src="{{value.custImage}}")
            dd.act-con(data-id="{{value.relationId}}" data-type="{{value.relationType}}")
                h3.t-name 
                    a(href="javascript:;") {{value.custName}}
                p.t-time {{value.publishTime | time}}
                div.t-content 
                    //- img(src="")
                    p {{value.content}}
                //- div.act-mes.
                //-     于3月12号被“<a href="">王笑笑</a>”举报
                //-     <span>类型：低俗骚扰</span>
                div.p-prompt.
                    <p>共被举报<span class="red">{{value.reportCount}}</span>次</p>
                    <p>处理过<span class="green">{{value.dealCount}}</span>次</p>
            dd.act-btn(data-id="{{value.relationId}}" data-type="{{value.relationType}}")
                a.btn-ignore(href="javascript:;") 忽略
                a.btn-del(href="javascript:;") 删除帖子
                a.btn-delProhi(href="javascript:;") 删除并禁言
        |{{/each}}
    //- 处理列表
    script#dealListModel(type="text/html")
        |{{each result as value i}}
        dl.act-area
            dt
                a(href="javascript:;")
                    img(lazy-src="{{value.custImage}}")
            dd.act-con(data-id="{{value.relationId}}" data-type="{{value.relationType}}")
                h3.t-name 
                    a(href="javascript:;") {{value.custName}}
                p.t-time {{value.publishTime | time}}
                div.t-content 
                    //-img(src="")
                    p {{value.content}}
                div.p-prompt.
                    <p>共被举报<span class="red">{{value.reportCount}}</span>次</p>
                    <p>处理过<span class="green">{{value.dealCount}}</span>次</p>
            dd.act-btn(data-id="{{value.relationId}}" data-type="{{value.relationType}}")
                a.btn-alignore(href="javascript:;") {{value.dealType | status:value.forbiddenDays}}
                |{{if value.dealType==3}}
                a.btn-relieve(href="javascript:;") 解除禁言
                |{{/if}}
                |{{if value.dealType==2||value.dealType==3}}
                a.btn-recovery(href="javascript:;") 恢复
                |{{/if}}
                //- a.btn-reptenday(href="javascript:;") {{value.dealType | status}}
        |{{/each}}
    //- 举报历史
    script#reportHistoryModel(type="text/html")
        div.report-detail
            dl.act-area
                dt
                    a(href="javascript:;")
                        img(lazy-src="{{result.custImage}}")
                dd
                    h3.t-name 
                        a(href="") {{result.custName}}
                    p.t-time {{result.publishTime | time}}
                    div.t-content 
                        //-img(src="")
                        p {{result.content}}
            |{{each result.reportList as value i}}
            div.act-det
                span.left.m-date.
                    <i>{{value.reportTime | date}}</i> 被“<a class="yellow" href="javascript:;">{{value.byCustName}}</a>”举报
                span.right.m-type 类型：
                    span {{value.reportType | reType}}
            |{{/each}}
            div#reportHistoryMore
    //- 处理历史
    script#dealHistoryModel(type="text/html")
        div.report-detail
            dl.act-area
                dt
                    a(href="javascript:;")
                        img(lazy-src="{{result.custImage}}")
                dd
                    h3.t-name
                        a(href="") {{result.custName}}
                    p.t-time {{result.publishTime | time}}
                    div.t-content 
                        //-img(src="")
                        p {{result.content}}
            |{{each result.dealList as value i}}
            div.act-det
                span.left.blue {{value.dealType | status:value.forbiddenDays}}
                span.right.m-date
                    span {{value.dealTime | date}}
                    span {{value.dealCustName}}
            |{{/each}}
            div#dealHistoryMore

    //- 举报历史更多
    script#reportHistoryMoreModel(type="text/html")
        |{{each result as value i}}
        div.act-det
            span.left.m-date.
                <i>{{value.reportTime | date}}</i> 被“<a class="yellow" href="javascript:;">{{value.byCustName}}</a>”举报
            span.right.m-type 类型：
                span {{value.reportType | reType}}
        |{{/each}}
    //- 处理历史
    script#dealHistoryMoreModel(type="text/html")
        |{{each result as value i}}
        div.act-det
            span.left.blue {{value.dealType | status:value.forbiddenDays}}
            span.right.m-date
                span {{value.dealTime | date}}
                span {{value.dealCustName}}
        |{{/each}}
